<link type="text/css" href="{URL_JS}/jquery-ui/development-bundle/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="{URL_JS}/jquery-ui/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="{URL_JS}/jquery-ui/development-bundle/ui/i18n/ui.datepicker-ja.js"></script>
<script type="text/javascript">
	$(function() {
		var d_fromdate = '{fromDate}';
		var d_todate = '{toDate}';
		$("#fromDate").datepicker();
		$('#fromDate').datepicker('option', {dateFormat: 'yy/mm/dd'} );
		$('#fromDate').datepicker('option', $.extend({showMonthAfterYear: false},
				$.datepicker.regional['ja']));
		if(d_fromdate != ''){
			$('#fromDate').datepicker('option', 'defaultDate', d_fromdate);
		}		
		
		$("#toDate").datepicker();
		$('#toDate').datepicker('option', {dateFormat: 'yy/mm/dd'} );
		$('#toDate').datepicker('option', $.extend({showMonthAfterYear: false},
				$.datepicker.regional['ja']));
		if(d_todate != ''){
			$('#toDate').datepicker('option', 'defaultDate', d_todate);
		}			
	});
</script>
<div class="filter_block">
  <form name = "filterProductForm" method="GET" id="filterProductForm" enctype="multipart/form-data" >
    <input type="hidden" name="sMod" value="product_index" />
    <input type="hidden" name="sAction" value="filterProduct_normal" />
    <div class="btnTop" style="float:left; "> <span class="btnTop" style="float:left;padding-left:37px;">
      <input type="text" name="fromDate" id="fromDate" value="{fromDate}" readonly="readonly" />{FORM.from}:
      </span>
      &nbsp;&nbsp;
      <input type="text" name="toDate" id="toDate" value="{toDate}" readonly="readonly" />{FORM.to}:
      <!-- <input type="button" name="filter" id="filter" value="Refresh" onClick="filterProduct('filterProductForm');"/>-->
      <input type="text" name="category" id="category" title="{FORM.hint_category_filter}" value="{category}" style="visibility:visible" />
      <!-- BEGIN: shop_owner_role-->
        {MANAGER.shop_owner} :
        <select name="shop_owner_id" id="shop_owner_id" onchange="changeShopOwner()">
            <!-- BEGIN: shop_owner-->
            <option value="{admin.admin_id}" {admin.selected} >{admin.admin_fullname} - {admin.admin_username}</option>
            <!-- END: shop_owner-->
        </select>
        <!-- END: shop_owner_role-->
      <input name="Filter" type="submit" value="{FORM.Filter}" />
    </div>
  </form>
</div>
